<template>
  <by-dialog :model-value="modelValue" title="该用户已缴纳信用保障金" confirm-text="知道了" :show-cancel="false" @close="$emit('update:modelValue',false)">
    <template #title>
      <view class="flex-row flex-center margin-bottom-30">
        <image src="/static/safeguard.png" class="safeguard-img" />
      </view>
    </template>
    <view class="margin-top-30 text-30 color-t1">
      <view class="flex-row">
        <text class="line-height margin-right-6">·</text>
        <text class="line-height">在服务过程中，不会有恶意欺骗行为；</text>
      </view>
      <view class="flex-row">
        <text class="line-height margin-right-6">·</text>
        <text class="line-height">已经达成服务约定后，不会随意毁约；</text>
      </view>
      <view class="flex-row">
        <text class="line-height margin-right-6">·</text>
        <text class="line-height">若发生欺骗等行为，经客服同双方调查确认后，可以扣除保证金；</text>
      </view>
    </view>
  </by-dialog>
</template>

<script setup lang="ts">
interface IProps{
  modelValue: boolean
  watchBack: boolean
}

withDefaults(defineProps<IProps>(), {
  modelValue: false,
  watchBack: true
})

const $emit = defineEmits(['update:modelValue'])
</script>

<style scoped lang="scss">
@include setMargin(right, 6);

.safeguard-img{
  width: 84rpx;
  height: 84rpx;
}

.line-height{
  line-height: 50rpx;
}
</style>
